// 常用参数：
//autoplay 则视频在就绪后马上播放。
//controls 用户显示控件，比如播放按钮。
//width 频播放器的宽度。
//height 设置视频播放器的高度
//loop 文件完成播放后再次开始播放。
//preload 视频在页面加载时进行加载，并预备播放
// src 要播放的视频的 URL

// 事件：
// playing 该事件在首次开始播放后以及每次重新启动时触发
// play 当属性从改为播放时
// complete OfflineAudioContext渲染完成。
// canplaythrough 浏览器估算可以播放到结束，不需要停止缓存更多的内容。
// ended 视频停止
// loadeddata media中的首帧已经加载
// timeupdate 当属性指示的时间已更新时
// durationchange 更新属性时将触发该事件

// playbackRate 播放速率

// :fullscreen – 当前全屏化的元素
// :fullscreen-ancestor – 所有全屏化元素的祖先元素

// 通过blob预加载 src为原视频的视频地址
function blob_load(dom, src) {
  const req = new XMLHttpRequest()
  req.open('GET', src, true)
  req.responseType = 'blob'
  req.onload = function () {
    // Onload is triggered even on 404
    // so we need to check the status code
    if (this.status === 200) {
      const videoBlob = this.response
      const blobSrc = URL.createObjectURL(videoBlob) // IE10+
      // Video is now downloaded
      // and we can set it as source on the video element

      dom.src = blobSrc
      console.log(blobSrc, 'blobSrc加载完毕')
    }
  }
  req.onerror = function () {
    // Error
  }
  req.send()
}
